<template>
  <div class="list">
    <div class="title">设备列表</div>
    <div class="list_concent">
      <div class="list_item">
        <div class="item_title">
          <div class="res_flex">序号</div>
          <div class="res_flex">设备名称</div>
          <div class="res_flex">设备状态</div>
        </div>
        <div class="item_concent" v-for="(item, index) in list" :key="index">
          <div class="index">{{ index+1 }}</div>
          <div class="equipName">{{ item.name }}</div>
          <div class="state">{{ item.state }}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          name: "数控机床001",
          state: "离线",
        },
        {
          name: "数控机床002",
          state: "离线",
        },
        {
          name: "数控机床003",
          state: "离线",
        },
        {
          name: "数控机床004",
          state: "离线",
        },
        {
          name: "数控机床005",
          state: "离线",
        },
        {
          name: "数控机床006",
          state: "离线",
        },
        {
          name: "数控机床007",
          state: "离线",
        },
        {
          name: "数控机床008",
          state: "离线",
        },
        {
          name: "数控机床009",
          state: "离线",
        },
        {
          name: "数控机床010",
          state: "离线",
        },
      ],
    };
  },
};
</script>

<style lang="less">
@import "./style.less";
</style>
